.container {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: $card-shadow;
    transition: box-shadow .2s;
    cursor: pointer;
    animation: scale-in-center 0.8s;
    .image {
        width: 100%;
        height: 155px;
        position: relative;
        overflow: hidden;
        .el-image {
            width: 100%;
            height: 100%;
            transition: transform 1s;
        }
    }
    .image:hover {
        .el-image {
            transform: scale(1.2);
        }
    }
    .main {
        padding: 10px 15px;
        h3 {
            margin: 12px 0;
            font-weight: 500;
            transition: color .2s;
        }
        h3:hover {
            color: $common-orange-color;
        }
        p {
            margin: 10px 0;
            height: 34px;
        }
    }
}
.container:hover {
    box-shadow: $hover-card-shadow;
}